---
title: 案例
description: fumadocs 案例
---

## 案例

### 代码块

```js title="My Title"
console.log('Hello World');
```

### 卡片
<Cards>
  <Card icon="House" href="/" title="Home">
    You can include icons too.
  </Card>
  <Card
    href="https://nextjs.org/docs/app/building-your-application/data-fetching/fetching-caching-and-revalidating"
    title="Fetching, Caching, and Revalidating"
  >
    Learn more about caching in Next.js
  </Card>
  <Card title="href is optional">Learn more about `fetch` in Next.js.</Card>
</Cards>

### 链接

[My Link](https://github.github.com/gfm)
 
This also works: https://github.github.com/gfm.

### 标注

<Callout>Hello World</Callout>
 
<Callout title="Title">Hello World</Callout>
 
<Callout title="Title" type="error">
  Hello World
</Callout>

### 手风琴组件

#### 基础用法

```jsx
<Accordions type="single">
  <Accordion title="Markdown 示例" value="basic">
    #### 标题 1
    ##### 标题 2
    
    这是一段**粗体**和*斜体*文本。
    
    - 列表项 1
    - 列表项 2
    - 列表项 3
    
    > 这是一段引用文本
    
    `这是一段代码`
    
    [这是一个链接](https://example.com)
  </Accordion>
</Accordions>
```

<Accordions type="single">
  <Accordion title="Markdown 示例" value="basic">
    #### 标题 1
    ##### 标题 2
    
    这是一段**粗体**和*斜体*文本。
    
    - 列表项 1
    - 列表项 2
    - 列表项 3
    
    > 这是一段引用文本
    
    `这是一段代码`
    
    [这是一个链接](https://example.com)
  </Accordion>
</Accordions>


<Files>
  <Folder name="java-sdk" defaultOpen>
    <Folder name="v1" defaultOpen>
      <File name="getting-started.mdx" />
    </Folder>
    <Folder name="v2" defaultOpen>
      <File name="getting-started.mdx" />
    </Folder>
  </Folder>
</Files>

### 主题展示

import ThemeShowcase from '@/components/card'

<ThemeShowcase />